<template>
	<div class="loading">
		<img width="24" height="24" src="./loading.gif">
		<p class="desc">{{title}}</p>
	</div>
</template>

<script>
export default {
	data() {
		return {}
	},
	props: {
		title: {
			type: String,
			default: '加载中...'
		}
	}
}
</script>
<style  lang="less" scoped>
	@import '../../common/less/variable';
	.loading{
		width: 100%;
		text-align: center;
		padding:10px 0;
		img{
			vertical-align: top;
		}
		.desc{
			line-height: 24px;
			font-size: 12px;
			color: #666;
			display: inline-block;
		}
	}
</style>
